<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

	<head>
		<meta charset="utf-8" />
		<title>景润九州</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,   user-scalable=no">
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
		<script type="text/javascript " src="js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/style.js" ></script>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>

	<!--顶部导航-->
	<nav class="navbar navbar-default navbar-fixed-top " role="navigation ">
		<div class="container-fluid ">
			<div class="navbar-header ">
				<button type="button " class="navbar-toggle " data-toggle="collapse "
						data-target="#example-navbar-collapse ">
					<span class="sr-only ">切换导航</span>
					<span class="icon-bar "></span>
					<span class="icon-bar "></span>
					<span class="icon-bar "></span>
				</button>
				<a class="navbar-brand " href="# ">景润九州</a>
			</div>
			<div class="collapse navbar-collapse " id="example-navbar-collapse ">
				<ul class="nav navbar-nav ">
					<li class="active "><a href="# ">首页</a></li>
					<li><a href="# ">服务类别</a></li>
					<li><a href="# ">为什么选择我们</a></li>
					<li><a href="# ">经典案例</a></li>
					<li class="dropdown ">
						<a href="# " class="dropdown-toggle " data-toggle="dropdown ">
							关于我们 <b class="caret "></b>
						</a>
						<ul class="dropdown-menu ">
							<li><a href="# ">jmeter</a></li>
							<li><a href="# ">EJB</a></li>
							<li><a href="# ">Jasper Report</a></li>
							<li class="divider "></li>
							<li><a href="# ">分离的链接</a></li>
							<li class="divider "></li>
							<li><a href="# ">另一个分离的链接</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>


	<!--轮播 -->
	<div id="myCarousel" class="carousel slide">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
			<li data-target="#myCarousel" data-slide-to="3"></li>
		</ol>
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner">
			<div class="item active">
				<img src="img/20180910162919154.jpg" alt="First slide">
			</div>
			<div class="item">
				<img src="img/20180910163045133.jpg" alt="Second slide">
			</div>
			<div class="item">
				<img src="img/20180910163101181.jpg" alt="Third slide">
			</div>
			<div class="item">
				<img src="img/20180910163124191.jpg" alt="forth slide">
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>
	<!--服务类型 -->
	<div class="fulx ">
		<p class="text-muted text-center ">servival</p>
		<h3 class="text-center col-xs-12 " >服务类型</h3>
	</div>
	<!--服务类型九宫格-->
	<div class="container ">

		<div class="row ">

			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910162919154.jpg" class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163101181.jpg" class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163145127.jpg" class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163124191.jpg" class="img-responsive " alt="Cinque Terre " /></div>

		</div>
	</div>


	<div class="an">
		<button type="button" class="btn1 btn-primary "
				data-toggle="button"> &nbsp;MORE + &nbsp;</button>
	</div>

	<!--为什么选择我们-->
	<div class="wsm ">
		<div class="wsm1 ">
			<p class="text-muted text-center ">why choose us</p>
			<h3 class="text-center col-xs-12 " >为什么选择我们</h3>
		</div>
		<div class="wsm2 ">
			<h4>&nbsp;&nbsp;为什么选择我们？</h4>
			<p class="lead ">成都景润九州旅游规划设计有限责任公司是一家专业从事旅游规划设计、旅游景区设计、景区创A服务、校园文化空间设计、城市文化景观设计、
				观光农业综合体创建的规划设计公司。
				此外，公司依托四川旅游学院为强大的学术研究平台，及时掌握最新的规划设计发展动向和学术理论知识，以便于更好的指导实践工作。
				公司汇聚了行业优秀的景观设计和规划力量，拥有一批高中级景观设计师，聚集一批著名艺术专家顾问、名校教授。
				公司凭借过硬的专业知识，结合国际化的设计理念及技术手段，注重设计的合理性与经济性有机结合，为客户提供具有卓越品质和合理成本控制的设计作品。
				团队富有激情、充满个性化创意，提倡理性严谨的设计思维与尊重生态的设计理念，致力于营造“生态和谐的旅游景区”。
				公司以“景润万物，物化九州”为设计理念，为更好的服务于客户，让规划设计不仅仅停留于图纸，我们深入现场，从项目初勘到项目施工图交底全程跟进，
				项目初始从专业角度为客户提供项目策划创新性意见，到项目过程中专业设计及综合协调，以专业的态度为项目提供全方位的服务。
			</p>
		</div>
	</div>

	<!--经典案例-->
	<div class="jdal ">
		<p class="text-muted text-center ">Classic cases</p>
		<h3 class="text-center col-xs-12 " >经典案例</h3>
	</div>
	<!-- 经典案例九宫格 -->
	<div class="container ">

		<div class="row ">

			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163124191.jpg" class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910162919154.jpg" class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163101181.jpg" class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910162919154.jpg" class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163045133.jpg " class="img-responsive " alt="Cinque Terre " /></div>
			<div class="col-xs-4 col-sm-4 "><img src="img/20180910163145127.jpg" class="img-responsive " alt="Cinque Terre " /></div>

		</div>
	</div>

	<div class="an">
		<button type="button" class="btn1 btn-primary "
				data-toggle="button"> &nbsp;MORE + &nbsp;</button>
	</div>

	<!--实时动态-->
	<div class="ssdt ">
		<p class="text-muted text-center ">Classic cases</p>
		<h3 class="text-center col-xs-12 " >实时动态</h3>
	</div>


	<div class="ssdt1  ">
		<div class="hengxian"> </div>
		<ul id="myTab" class="nav nav-tabs nav-justified">
			<li class="active">
				<a href="#home" data-toggle="tab"> 行业聚焦</a></li>
			<li><a href="#qydt" data-toggle="tab">企业动态</a></li>
			<li><a href="#zpfb" data-toggle="tab">招聘发布</a></li>
		</ul>
		<div id="myTabContent" class="tab-content">
			<div class=" tab-pane fade in active " id="home">
				<div class="new1 col-xs-12 col-sm-6">
					<img src="img/20180910163045133.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new1 col-xs-12 col-sm-6">
					<img src="img/20180910163045133.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new1 col-xs-12 col-sm-6">
					<img src="img/20180910163045133.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new1 col-xs-12 col-sm-6">
					<img src="img/20180910163045133.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new1 col-xs-12 col-sm-6">
					<img src="img/20180910163045133.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new1 col-xs-12 col-sm-6">
					<img src="img/20180910163045133.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>
			</div>

			<div class="tab-pane fade" id="qydt">
				<div class="new2 col-xs-12 col-sm-6">
					<img src="img/20180910163101181.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new2 col-xs-12 col-sm-6">
					<img src="img/20180910163101181.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new2 col-xs-12 col-sm-6">
					<img src="img/20180910163101181.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new2 col-xs-12 col-sm-6">
					<img src="img/20180910163101181.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new2 col-xs-12 col-sm-6">
					<img src="img/20180910163101181.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>

				<div class="new2 col-xs-12 col-sm-6">
					<img src="img/20180910163101181.jpg" class=" img-responsive col-xs-6 col-sm-6"/>
					<div class="col-xs-6 col-sm-6">
						<h5>这是标题这是标题这是标题</h5>
						<p class="col-xs-12 col-sm-12 hidden-xs">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							这是内容这是内容这是内容这是内容这是内容</p>
						<dl class=" col-xs-12 col-sm-12">2019/3/28</dl>
					</div>
				</div>
			</div>
			<div class="tab-pane fade" id="zpfb">
				<div class="table-responsive table-hover">
					<table class="table">
						<thead>
						<tr>
							<th>招聘部门</th>
							<th>招聘职位</th>
							<th>工作地点</th>
							<th>职位详情</th>
							<th>发布日期</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						<tr>
							<td>研发部门</td>
							<td>项目经理</td>
							<td>成都</td>
							<td>查看详情</td>
							<td>2019-3-29</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>

		</div>


	</div>

	<!--底部footer-->
	<div  id="footer" class=" footer navbar-fixed-bottom ">

		<div class="fphone clo-xs-12 col-sm-12">
			<span class="item "><img src="img/ico-fTel.png" alt="" class="icoImg " /> 400-088-3861</span>
			&nbsp;&nbsp;/&nbsp;&nbsp;
			<span class="item "><img src="img/ico-fMob.png" alt="" class="icoImg " /> 15801391978</span>
		</div>

		<div class="fNav col-xs-12 col-sm-12">
			<a href="/about.html" class="link aftl" rel="nofollow">关于我们</a>
			&nbsp;/&nbsp;
			<a href="/contact/" class="link aftl" rel="nofollow">联系归派</a>
			&nbsp;/&nbsp;
			<a href="/recruit" class="link aftl" rel="nofollow">归派招聘</a>
			&nbsp;/&nbsp;
			<a href="/recruit" class="link aftl" rel="nofollow">归派新闻</a>
			&nbsp;/&nbsp;
			<a href="/dynamic" class="link aftl">归派动态</a>
			&nbsp;/&nbsp;
			<a href="/legalDeclaration.html" class="link aftl" rel="nofollow">法律申明</a>

		</div>

		<div class="babh col-xs-12 col-sm-12" >
			备案编号：京ICP备13047794号-1
		</div>

		<div class="yqlj col-xs-12 col-sm-12 hidden-xs">
			友情链接：

			<a href="#" class="link aftl">今网科技</a>
			<a href="#" class="link aftl">软装设计</a>
			<a href="#" class="link aftl">田园综合体规划机构</a>
			<a href="#" class="link aftl">乡村振兴规划</a>
		</div>


	</div>

	</body>
</html>